/* 主题颜色 */
:root{
	--one:#44acef;
	--two:#b9e2fd;
	--three:#a8d3f163;
	--four: #201ae5;
}
/* 登录 */

/* 登录 */
.sign_in {
    /* 界定盒子大小即为边框大小 */
    box-sizing: border-box;
    /* 高度为可视化 */
    height: 100vh;
    /* 内边框 */
    padding: .5rem;
    /* 宽度 */
    width: 100% !important;
    /* 背景图片 */
  background: url(../img/bg.jpg) no-repeat !important;
    /* 背景图大小 */
    background-size: 100%  100% !important;
	 /* */

	position: relative; 
	
}
.login_conter::before {
    /* 界定盒子大小即为边框大小 */
    box-sizing: border-box;
    /* 高度为可视化 */
    height: 100vh;
    /* 内边框 */
    padding: .5rem;
    /* 宽度 */
    width: 100% !important;
    /* 背景图片 */
  background: url(../img/bg.jpg) no-repeat !important;
    /* 背景图大小 */
    background-size: 100%  100% !important;
	 /* */
	 /* filter: blur(3px); */
	 
	position: absolute; 
}
.login_conter .form::before{
	content: '';
	background: url(../img/bg.jpg) no-repeat !important;
	    background-size: 100%  100% !important;
	height: 600px;
	width: 500px;
	position: absolute;
	top:0;
	left: -100%;
	
	}
#app .login_conter .form{
		padding-top: 80px !important;
		padding: 80px 10px 20px !important;
	}
#app .login_conter .form {
    /* 圆角边框 */
    border-radius: 0px !important;
    /* 边框 */
    border: none ;
   
    /* 宽度 */
    width: 500px !important;
    /* 高度 */
    /* height: 400px !important; */
	max-width: 500px !important;
	min-height: 600px !important;
	/* padding: 30px 0px 0px 0px !important; */
		position: relative; 
		overflow: visible !important; 
		background-color: #fff;
}
.sign_in .form{
	background-color: #fff;
	width: 500px !important;
	/* 高度 */
	/* height: 400px !important; */
	max-width: 500px !important;
}
/* 登录页  登录框 注册框 忘记密码框 顶部标题*/

.sign_in .form h1 {
    /*文字摆放位置*/
    text-align: center !important;
    /* 文字大小 */
    font-size: 24px !important;
   font-weight: 600 !important;
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #234f06;
    /* 外边距 */
   margin: 20px 0px 30px;
  }
   
#app .sign_in .form  .el-form-item,.geetest_box{
	display: flex;
	flex-direction: column;
	/* margin-left: 50px; */
}


/* 登录页  登录框 注册框 忘记密码框 input框左侧label字体样式*/

.sign_in .form label,.sign_in .geetest_box_title {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    font-size: 17px !important;
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color:#0d6e1f;
	width: 100px !important;
	margin-left: 50px;
}
.sign_in .geetest_box_title {
	text-align: center;
}
.sign_in .geetest_box_title::after{
	/* content: '：'; */
}
.sign_in .geetest_box .test-v{
	width: 350px;
	    margin-left: 61px;
}
.sign_in .form label::before,.sign_in .geetest_box_title::before{
	display: none;
}

/* 登录页  登录框 注册框 忘记密码框 input框样式*/

.sign_in .form input {
    /* 圆角边框 */
 border-radius: 0px !important;
/*  border: 1px solid #ff5722 ; */
    /* 边框阴影 */
    /* box-shadow: 0px 0px 20px 10px #ccc; */
    /* 外边距 */
    /* margin: 10px 10px 10px 10px; */
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #edf798; */
    /* 盒子透明度 */
    /* opacity: 0.8; */
    /* 背景颜色 */
    background-color:#ffffff !important;
    /* 宽度 */
    /* width: 100px; */
    /* 高度 */
    /* height: 100x; */
    /*文字摆放位置*/
    /* text-align: center !important; */
	border: 1px solid #61bcf3;
}
/* 登录页按钮 */
.login_conter .btns{
	display: flex;
	    flex-direction:row;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
}
.sign_in .lg_login{
	width:80% !important;
	margin: 10px auto;
}


/* 登录 按钮 */
.sign_in .lg_login{
	/* 按钮内字体颜色 */
		  color: #fff !important;
		  /* 字体大小 */
		  font-size: 16px !important;
		  /* 字体加粗 */
		  font-weight: 400 !important;
		  /* 圆角 */
		  border-radius: 10px !important;
		  /* 背景图 */
		background-image: none !important;
		  /* 背景图大小 */
		 background-size: 100% 100% !important;
		  /* 边框 */
		  border: 0px solid #DCDFE6 !important;
		  /* 背景颜色 */
		 background-color: #59bf82 !important;
		/* margin-left: 25px; */
}
/* 登录页  登录框内忘记密码字体样式*/

/* 注册按钮*/
.sign_in  .lg_register{
	border: none;
	color: #00a4ff;
	font-size: 14px;
	/* padding-bottom: 1px; */
/* 	margin-left: -80px !important; */
	margin-top: -10px !important;
	/* padding: 0px !important;
	width: auto !important ; */
}
.sign_in  .lg_register::before{
	content: '没有账号？现在';
	color: #848789;
	font-size: 14px;
	
	
}
/* 忘记密码 */
.sign_in  .lg_forgot{
	border: none;
	color:  #848789;
	font-size: 14px;
	/* padding-bottom: 1px; */
/* 	margin-right: -100px !important; */
	margin-top: -10px !important;
	/* padding: 0px !important;
	width: auto !important ; */
}
.sign_in  .rs_register,.sign_in .fg_submit{
	background-color: #59bf82 !important;
	border: none !important;
}
/* 需要在login.vue文件夹下的 ‘忘记密码’位置加上 class="forgetthepassword" 类名 方可生效 */
.register_wrap .float-right,.forgot_wrap .float-right{
	float: none;
	position: relative;
	left: 35%;
}
/* //////////////////// */
.sign_in .countermand {
   color: #f06868 !important;
     /* 字体大小 */
     font-size: 18px !important;
     /* 字体加粗 */
    font-weight: 400 !important;
     /* 圆角 */
 /*    border-radius: 10px !important; */
   
    /* border: 1px solid #DCDFE6 !important; */
     /* 背景颜色 */
   background-color: #eeeeee !important;
	
}
.sign_in .btns:last-child{
	color: #16c215;
}
/* 登录页忘记密码 */
.el-breadcrumb .el-breadcrumb__inner span{
	color: #16c215 !important ;
}
.forgot_wrap .btns:last-child{
    /* 文字大小 */
    font-size: 16px !important;
    /* 字体加粗 */
    font-weight: 400 !important;
    /* 下划线 */
   
    /* 文字颜色 */
    color:#222;
	/* background-color: #C7B198; */
	height: 38px;
	     width: 160px;
	    margin-left: 56px;
	line-height: 38px;
	margin-top: 2px;
	border-radius: 10px;
}

/* 忘记密码页发送验证码按钮 */

.el-input-group__append, .el-input-group__prepend{
    /* 背景颜色 */
   /* background-color: #80d6ff !important; */
    /* 边框 */
    border: 0px solid #DCDFE6 !important;
}

/* 导航栏 */

.timess{
	display: none;
}
.action_left{
	background-color: #baf9e6;
	height: 80px;
	line-height: 80px !important;
	display: none !important;
}

.action_center{
	background-color: #baf9e6;
	font-size: 20px;
/* font-family: "DM Sans",sans-serif; */
    font-style: normal;
    font-weight: 600;
   /* font-size: 18px; */
    color: #1C1D1D;
	line-height: 80px !important;
}
.action_left .btn_menu .el-icon-menu{
	color:  #a993dc;
	display: none;
}
.action_right{
	background-color: #baf9e6;
	line-height: 80px;
	height: 80px !important;
}
.bg{
	background-color: #fff!important;
}

/* 左侧导航栏 */
/* --------------------------------------------------------------- */
main article {
  /*  transform: translateY(100px); */
}
#app .page .side {
    background-color: #fff !important;
    /* border-right: 2px solid #16c215; */
 /*   width: 100%; */
   /* position: absolute; */
   /* display: flex; */
    /* margin-top: 50px; */
 /*   flex-direction: row; */
    flex-wrap: nowrap;
	z-index: 999;
	/*   height: 80px; */
	overflow-y:visible;
		/* border-bottom: 1px solid #fcca16; */
	}

#app .page .side .el-submenu{
	
	width: auto;
	/* padding: 5px; */

}

.el-submenu__title{
	/* padding: 5px !important; */
	font-size: 15px;
	height: 60px !important;
	line-height: 60px !important;
		background-color: #59bf82 !important;
		text-align: center;
}
#app .page .side .el-submenu i{
	display: none;}
/* 右侧内容区 */
/* 导航栏子类外框背景色 */
.is-opened .el-submenu__title{
	width: auto;
	font-size: 15px;
	text-align: left;
		background-color: #356b38 !important;
}

#app .page .side .el-submenu .el-menu {
	  background-color: #fff !important;
	  z-index: 9999999999;
}
/* 导航栏首页盒子 */
#app .page .side .el-menu-item{
	border-radius: 0px  !important;
background-color:#fff!important;
color: #333 !important;
border-bottom: 1px solid #59bf82;
text-align: center;
	}

#app .page article{
    /* 背景颜色 */
    background-color: #ffffff;
}

#app .page article .table_wrap{
	background-color: #fff !important;
}
/* 左侧导航栏 选中后的样式 样式  */

#app .page .side .li {
    /* 背景颜色 */
    background-color: #80d6ff !important;
}

/* 左侧导航栏 选中后文字及图标样式 样式  */

#app .page .side .el-icon-s-home {
   
}
/* 左侧导航栏颜色 */
#app .page .side {
    /* 背景颜色 */
    background-color: #fff !important;
    /* 边框 */
    /* border-right: 2px solid #16c215; */
}



 

/* 左侧导航栏选中文字样式 */



#app  .side .el-menu-item.active,#app  .side .el-menu-item.is-active {
 display: block;
 	background-color:#baf9e6 !important;
 /* 	color:  #80d6ff  !important; */
 	font-size: 1rem;
 	/* font-weight: 600; */
  
}
#app  .side .el-menu-item.sactive {
border-radius: 0px !important;
    background-color: #fff!important;
    color: #333 !important;
    border-bottom: 1px solid #59bf82;
	}

.side>.el-menu-item:nth-child(1){
	height: 60px;
	margin-top: 5px;
	
}

/* 左侧导航栏 首页图标 样式  */
#app .page .side .el-icon-s-home {

   color: #f0ece2 !important;
   /* display: none; */
}


/* 左侧导航栏 未选中时图标样式  样式  */
#app .page .side i {
    
    color: #f1e2aa;
	/* display: none; */
}
/* 左侧导航栏缩进 菜单外盒子 */
.el-menu--vertical {
    /* 背景颜色 */
    background-color: #fff !important;
}
/* 左侧导航栏缩进 菜单内盒子 */
.el-menu--vertical .el-menu{
background-color: #fff !important;	


}

/* 左侧导航栏缩进 菜单单条盒子 */
.el-menu--vertical .el-menu-item{
	/* 背景颜色 */
	background-color: #fff  !important;
	   /* 下边框 */
	/*   border-bottom: 3px solid #f06868; */
	   /* 圆角 */
	 /* border-radius: 1.25rem; */
	   /* 下外边距 */
	color: #333333 !important;
	border-radius: 10px !important;
	 /* 下外边距 */
	margin: 5px;
	border: 1px dashed #a993dc !important;
	  /* 边框 */
}
/* 鼠标点击以后样式 */
.el-menu--vertical .el-menu-item:hover{
  background-color: #a993dc !important;
  color:  #FFFFFF  !important;
  font-size: 1.25rem;
}

.item-ltb{
	display: none;
}

/*  顶部栏 样式 */

#app header {
    /* 背景颜色 */
    background-color:#44a0e3 !important;
    /* 盒子透明度 */
/*    border: 1px solid #222 */
}


/*  顶部栏内 右边头像样式 */

#app header .action_right .el-dropdown .el-avatar {
    /* 圆角边框 */
    border-radius: 20% !important;
	margin-top: 30px !important;
	color: #000;
   
}

/* 头像下选项框 */

.el-dropdown-menu__item--divided:before {
  background-color: #44acef !important;
    z-index: 999;
}

.el-dropdown-menu__item--divided{
	/* border: 1px solid #000 !important; */
	background-color: #44acef !important;
}
.el-dropdown-menu__item {
  color: #222 !important;
    z-index: 999;
}
/* 个人信息和忘记密码
 */
#user_info,#user_password{
	width: 60%;
	margin: 10px auto;
}

#user_info .el-form .row_e,#user_password .el-form .row_e{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.text-center{
	margin-bottom: 10px;
}
#user_password .el_form_btn{
	width: 100px;
	margin-left: 2px;
}
#user_password  .el-button--primary{
	/* background-color: #16c215 !important; */
	border: none;
}
#user_password  .el-button--default{
	    /* background-color: #59bf82 !important; */
			border: none;
}
/*----------------------------------------------------------------------  */
.el-form--label-right{
	background-color: #fff;
	margin-bottom: 10px;
}
/* 列表页  查询字段名称 文字样式*/
.el-form-item__label{
	/* 颜色 */
	/* color: #303841 !important; */
	/* 字体大小 */
	font-size: 16px !important;
	width: 120px !important;
	text-align: center !important;
	padding-right: 5px  !important;
	}
.el-form-item__label::after{
	/* content: '：'; */
}
.form.el-form.form.p_4.el-form--label-right {
	display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
		position: relative;
		/* margin-bottom: 150px; */
		border: 1px solid #d6d4d4;
} 
  .el-form-item__content{
	 display: flex;
	 flex-direction: row;
	 
  }
  .el_form_btn_warp{
	 position: relative;
	 left: 45%;
	 	 
  }
  .el_form_btn_warp  .el-form-item__content{
	  margin-left: 0px !important;
  }
  .search_btn_wrap_1 {
	  /* position: absolute;
	   top: 80px; */
  }
  #app .el-col-8{
  	width: 80%;
  	margin: 10px auto;
  	float: none;
  }
  #root_index .container-fluid .card {

      border-radius: 20px !important;
      background-color: #fff !important;
  
     
  }

	.el-main .el-image{
	 width: 100%;
	 height: 100%;
 }
 .el-avatar.el-avatar--circle img{
	 width: 100%;
	 height: 100%;
 }
	.table_wrap .btns  .el-button {
		display: inline-block;
		border-radius: 0px;
		background-color: #bbb6b4;
		border: none;color: #ffff;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		padding: 10px;
		width: 100px;
		transition: all 0.5s;
		cursor: pointer;margin: 5px;
		vertical-align: middle;}
	.table_wrap .btns .el-button span 
	{
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.5s;}
		.table_wrap .btns  .el-button span::after {
			content: ">";
			position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
	.table_wrap .btns  .el-button:hover span {padding-right: 30px;}
	.table_wrap .btns  .el-button:hover span::after {opacity: 1;right: 0;}
	.table_wrap .btns  .el-button--success{
		width: 200px ;
	}
 #app .table_wrap .search_btn_find, #app .table_wrap .search_btn_find:hover{
	/* background-color: #86cbae !important; */
	color: #ffff;
	border: none;
}
.table_wrap .search_btn_reset,.table_wrap .search_btn_reset:hover{
	background-color: #6b929d !important;
	color: #ffff;
	border: none;
}

 #app .table_wrap .search_btn_add, #app .table_wrap .search_btn_add:hover{
 	/* background-color: #16c215 !important; */
 	color: #ffff;
 	border: none;
 }
 .table_wrap .search_btn_del,.table_wrap .search_btn_del:hover,.el-button--danger{
 	background-color: #59bf82 !important;
 	color: #ffff;
 	border: none;
 }
 .el-upload--text .el-button,.el-upload--text .el-button:hover{
	 background-color:   #7bb7a3 !important;
	 color: #ffff !important;
	 border: none;
 }

 .is-plain.el-button--success{
	 background-color: #16c215 !important;
	 color: #ffff !important;
	 border: none;
 }
 .el-button.el-button--small.is-plain{
	background-color: #59bf82;
	color: #ffff;
	border: none; 
 }
 .el-button.is-plain.el-button--primary{
	 margin-left: 2px;
	 background-color:#44acef ;
	 color: #ffff;
	 border: none;
 }
 .el-form-item--feedback .el-button--primary,.el-form-item__content .el-button--primary{
	 background-color: #44acef !important;
	 color: #ffff !important;
	 border: none;
	

 }
 
.el-form-item--feedback .el-button--default,.el-form-item__content .el-button--default{
	 background-color: #59bf82 !important;
	 color: #ffff !important;
	 border: none;
	margin-right: 5px !important;
 }
 

  .search_btn_wrap_1 {
	  width: 100% !important;
  }
  .geetest_box .el-input{
	  margin-left: 0px !important;
  }
  .search_btn_wrap_1,.search_btn_1{
	  display: flex;
	  flex-direction: row;
	      flex-wrap: wrap;
	      justify-content: center;
  }
  .search_btn_1{
	  width: 100% !important;
  }
  .search_btn_reset,.search_btn_print,.search_btn_derive {
	  margin-right: 5px  !important;
  }
  .el-button--success {
  	  margin-left: 10px  !important;
	  margin-right: 10px  !important;
  }
  .el_form_editor_warp {
	  padding-bottom: 50px !important;
	  margin-top: 50px !important;
	  margin-bottom: 50px !important;
	  overflow: visible !important; 
  }
  .cell .e-button{
	
	  background-color: #59bf82 !important;
	  color: #fff !important;
	  margin: 1px auto !important;
  }
   .cell{
	
	       display: flex;
	       flex-direction: column;
	       flex-wrap: wrap;
	       align-items: center;
		   justify-content: center;
   }
   .el-table__header th{
	   text-align: center !important;
   }
   .edit_wrap{
	   width:80%;
	   border: 1px solid #eee;
	   background-color: #ddf1ec !important;
   }
      .edit_wrap .el-upload-dragger{
	   width: auto !important;
	   overflow: visible !important;
   }
   .edit_wrap .el_form_btn_warp{
	   width: 57% !important;
   }
  .edit_wrap .el_form_btn_warp .el_form_btn{
	  width: 80px;
	  margin-left: 5px;
  }
   .edit_wrap .el_form_btn_warp .el_form_btn button{
	width: 80px;}
	.goods_type .el_form_btn_warp .el-form-item__content{
		width: 150px;
	}
	.el-main.edit_wrap.goods_type button{
		width: 80px !important;
	}
	.cell .view_a {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.cell .view_a .e-button,.cell .view_a .el-button{
		text-align: center;
	}
	.face-login{
		position: absolute;
	}
	.hide-avatar{
		display: block !important;
		width: 100px;
		height: 100px ;
		margin: 0px auto;
	}
		.hide-avatar img{
			width: 100% ;
			height: 100% !important;
			border-radius: 100% !important;
			border: 2px solid #356b38;
		}
		.breadcrumb_box{
			display: none !important;
		}
		.el-dropdown{
			color: #333 !important;
		}
		.table_wrap .search_btn_1{
			display: flex;
			    flex-direction: row;
			    justify-content: flex-start;
		}
		.el-main.edit_wrap{
			overflow: hidden !important;
		}

/* 登录页 ---------------------------------------------*/

/* 去掉登录页标单图片 */
.login_conter .form::before{
	display: none;
}

/* 表单样式 */
#app .sign_in .form{
	/* 表单圆滑 */
	border-radius: 30px !important;
	/* opacity: 0.8; */
	min-height: 500px !important;
	padding: 46px 10px 20px !important;
	    background-color: #ffffffab;
	border: 1px solid #fff !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-20%);
}

/* 标题 */
.sign_in .form h1 {
    color: #409eff;
}
input::placeholder{
	font-size: 14px !important;
}
/* 表单输入框 */
#app .sign_in .form  .el-form-item{
	flex-direction: row;

}

#app .sign_in .form  .el-form-item .el-form-item__content{
	margin-left: 0px !important;
	width: 260px;
}

/* "验证" */

.geetest_box {
    flex-direction: row;
}

#app .sign_in .geetest_box .geetest_box_title{
	min-width: 92px;
	text-align: center;
	line-height: 40px;
	margin-right: 7px !important;
}


.sign_in .geetest_box .test-v{
    margin-left: -7px;
    width: 250px !important;
}


.geetest_box_title {
    margin-right: 10px !important;
}

.sign_in .form label, .sign_in .geetest_box_title {
    color: #409eff;
	font-size: 15px !important;
	font-weight: 500;

}
/* 按钮 */
.sign_in .btns{
	position: relative;
}


.sign_in .lg_login {
    background-color: #409eff !important;
    /* margin-left: 25px; */
}

.sign_in .btns .el-button{
	background: none;
}


.sign_in  .lg_register {
   
}

.sign_in  .lg_forgot {
   

}


/* 注册页 ---------------------------------------------*/
/* 改变按钮颜色 */
.sign_in  .rs_register, .sign_in .fg_submit {
    background-color: #44acef !important;
}

.el-form-item__content .el-button--default {
	background-color: #44acef !important;
	min-width: 80px;
}

.forgot_wrap .btns:last-child {
    margin-left: 103px;
}

/* 脸部识别 */
.face-login {
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    top: 700px;
}

.face-login .el-button{
	background-color: #44acef !important;
	color: #fff !important;

}

/* “图片 */
.el-button+.el-button {
    margin-left: 9px;
}

.face-login .face-img{
	margin-top: 10px;
}

/* 边框 */
.face-login .face-img .avatar-uploader .el-upload-dragger{
	background-color: #44acef !important;

}
.avatar{
	margin: 0 auto;
}
.sign_in .avatar{
	width: 100%;
	height: 100%;
}


.face-login .face-img button{
	margin-left: 50px;
}


/* 主页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.el-submenu__title{
	background-color: var(--one) !important;
	text-align: left;
}

#app .side .el-menu-item.is-active{
	background-color: var(--one) !important;
}

.action_center{
	background-color: var(--one);
} 

.warp{
	position: relative;
}

/* admin */
.warp .action_right {
    position: absolute;
    top: 0px;
    right: -180px;
	background-color: var(--one);
}

.hide-avatar {
	background-color: var(--one);
}

/* 左上角图片 */
.hide-avatar img {
    display: inline-block;
	border: 2px solid rgba(255,255,255,.87);
}

/* 列表 */
#app .page .side{
	background-color: var(--one) !important;
	overflow: scroll;
}

.is-opened .el-submenu__title{
	background-color: var(--one) !important;

}

#app .side .el-menu-item.is-active {
    background-color: var(--two) !important;
}

#app .page .side .el-menu-item {
    border-bottom: none;
}

#app .page .side .el-menu-item {
    background-color: var(--two) !important;
}

#app .page .side .el-menu-item{
    background-color: var(--one) !important;
}


/* 主页内容~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#app .page article{
	background-image: url("../img/bg1.jpg");
	background-size: 100%  100%;
} 


/* 小弹窗 */
.log_box{
	display: none;
}

/* 欢迎使用样式开发测试测试测试测试单 */ 
.action_center{
	width: 81% !important;
}


/* 右侧进入用户界面 */
/* .action_right .el-dropdown-link{
	display: flex;
	flex-direction: column;
} */


#app header .action_right .el-dropdown .el-avatar {
    border-radius: 55% !important;
}

.el-dropdown-menu{
	background-color: #a8d3f163 !important;
}

/* 退出 */
.el-dropdown-menu__item--divided{
	/* background-color: #fff !important; */
}

/* 内容颜色 */
#app .page article .table_wrap {
    background-color: #ffffff70 !important;
}

/* 后台首页 */
#root_index .container-fluid .card {
    border-radius: 20px !important;
    background-color: #c8e5ffe3 !important;
}

#app .page .side .el-submenu i.el-submenu__icon-arrow{
	display: inline-block;
}

#app .page .side .el-menu-item{
    color: #FFFFFF !important;
    padding-right: 43px;
}

/* 选中 */
#app .page .side .el-menu-item.is-active {
    background-color: #81b5ebb0 !important;
}



/* 系统用户那些 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.form.el-form.form.p_4.el-form--label-right {
    background-color: #a8d3f163 !important;

}

/*  */
.form.el-form.form.p_4.el-form--label-right .row1{
	display: flex !important;
	flex-direction: column;


} 
/* 按钮布局 */
.table_wrap .search_btn_1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

/* 表格按钮按钮颜色 */
.table_wrap .btns  .el-button,.table_wrap .search_btn_1 .el-button{ 
	background-color: var(--one) !important;
	border-radius:10px;
	width: 110px;
	margin-right: 5px !important;
}

/* 姓名那个框 */
.form.el-form.form.p_4.el-form--label-right .row1 .el-input__inner{
	width: 214px !important;
}

/* 搜索框下方的表格~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~*/
.el-table--fit{
	margin-top: 20px ;
	border: #00a4ff 1px solid !important;
}

/* 按钮 */
.cell .e-button {
    background-color: #44acef !important;
	height: 50px;
	line-height: 50px !important;
    width: 80px;
	padding: 0px !important;
	text-align: center;
}


.el-button--success span{
	/* height: 16px !important; */
	font-size: 14px !important;
	
}


/* 课程分类添加  很多表单~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 表单的背景色 */
.el-main.edit_wrap{
	background-color:#a8d3f163 !important;
}

/* 表单元素的排列 */
.el-main.edit_wrap .el-row {
    display: flex;
    flex-direction: column;
}

/* 元素长度 */
.el-main.edit_wrap .el-row>div{
	width: 1232px !important;
}
.el-main.edit_wrap .el-form-item__content input,.edit_wrap .el-upload-dragger{
	width: 1032px !important;
}

.el-textarea__inner{
	width: 1032px !important;
}

.el-main.edit_wrap .el-form-item__content{
	width: 1032px !important;
	flex-wrap: wrap;

}

/* 邮件内容的菜单 */
.ql-toolbar.ql-snow {
    background-color: #44acef;
}

/* 数字加减表单 */
.el-main.edit_wrap .el-input-number .el-input__inner{
	width: 180px !important;
}

/* 数字下拉框 */
.el-main.edit_wrap .el-input--suffix .el-input__inner{
	width: 360px !important;

}
/* 最后的两个按钮 */
.el-form-item--feedback .el-button--primary, .el-form-item__content .el-button--primary {
    background-color:var(--one) !important;
    width: 80px;
}

/* 个人信息 ，修改密码~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 背景色 */
#user_info>div, #user_password .card{
	background-color: var(--three) !important;
}

/* 表单元素排列 */
#user_info>div form, #user_password form{
	display: flex;
	flex-direction: column;
}

/* 调整元素大 位置*/
#user_password .el-form .row_e>div{
	width: 996px;
}

#user_password .el-form .row_e>div .el-form-item{
	padding-left: 231px;
}

/* 按钮 */
.el_form_btn_warp {
    position: relative;
    left: 38%;
}

.el_form_btn_warp div button{
	background-color: var(--one) !important;
	color: #fff !important;
}
.sign_in .lg_register::before{
	color: #414141;
}
.lg_forgot span{
	color: #414141;
}
.sign_in .lg_register{
	color:#cd3c23 !important;
}
#app .sign_in .form .el-form-item .el-form-item__content{
	width: 260px !important;
}
.form .el-input{
	width: 100% !important;
}
.el-dialog__body .el-textarea__inner{
	width: 100% !important;
}
.el-date-editor .el-range-separator{
	width: 15% !important;
}
#app .page .side .el-menu-item.active{
	background-color: #81b5ebb0 !important;
}
#app .page .side .el-menu-item.is-active.sactive{
	background-color: #44acef!important;
	font-size: 14px;
}
.sign_in .form:after{
	display: none !important;
}

.sign_in .lg_register{
	position: static !important;
}
.ql-container{
	height: 505px !important;
}
.el-dialog__body .el-form-item__content .el-radio-group{
	margin-top: 12px !important;
}
.auth .el-form-item .el-form-item__content .el-switch{
	margin-top: 10px !important;
}
.demo-image__preview .el-image{
	width: 90px !important;
	height: 90px !important;
}
.el-main.edit_wrap.order .el_form_item_warp:nth-child(2) .el-form-item__content input{
	width: 100% !important;
}
.avatar-uploader .el-upload-dragger{
	width: 180px !important;
}
.el-form-item:has(.el-switch){
	display: flex !important;
	align-items: center;
}
.el-main.edit_wrap .el-form-item__content:has(.el-switch){
	margin-left: 0 !important;
	width: calc(100% - 120px) !important;
}